<template>
	<view class="custom_vertical_list_nodata">
		<!-- #ifdef MP-WEIXIN -->
		<view class="custom_vertical_list_nodata_line" wx:for="(item, index) in items" wx:key="'nodata_line_'+index" :style="{ width: item }"></view>
		<!-- #endif -->
		<!-- #ifndef MP-WEIXIN -->
		<view class="custom_vertical_list_nodata_line" v-for="(item, index) in items" :key="'nodata_line_' + index" :style="{ width: item }"></view>
		<!-- #endif -->
	</view>
</template>

<script>
export default {
	name: 'custom-vertical-list-nodata',
	data() {
		return {
			items: ['90%', '70%', '50%', '30%', '15%', '9%', '5%']
		};
	}
};
</script>

<style lang="less">
.custom_vertical_list_nodata {
	padding: 40rpx 20rpx;
	.custom_vertical_list_nodata_line {
		margin: 0 0 20rpx 0;
		border-radius: 30rpx;
		height: 30rpx;
		background-color: #efefef;
		display: block;
	}
}
</style>
